<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>探索</title>
    </head>
    <body>
        <header>
            <div class="logo">
                <p>天空之城</p>
                <p>™</p>
            </div>
            <nav>
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./find.html" style="color: white">探索</a></li>
                    <li><a href="">标签</a></li>
                    <li><a href="">摄影师</a></li>
                    <li><a href="">签约摄影师招募</a></li>
                    <li><a href="">热门活动</a></li>
                    <li>
                        <a href="">
                            <p>天空之城 8 周年影像大赛</p>
                            <img src="../img/index/HOT.png" alt="" />
                        </a>
                    </li>
                </ul>
            </nav>
            <button><img src="../img/index/ma.png" alt="" />新版移动端</button>
            <div class="find">
                <img src="../img/index/Vector.png" alt="" />
                <p>登录</p>
                <p>注册</p>
            </div>
        </header>
        <ul class="kind">
            <!-- hover无作用----------------------------------------------------------------------- -->
            <li>全部</li>
            <li>自然</li>
            <li>城市</li>
            <li>运动</li>
            <li>人物</li>
            <li>签约摄影师</li>
        </ul>
    </body>
</html>
